<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <!-- 先引入各种css和js文件 -->
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./lib/bootstrap-validator/css/bootstrapValidator.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
    <body class="pl-180">
    <!-- 左边框 -->
    <div class="aside">
        <h3 class="text-center">黑马商城</h3>
        <div class="root text-center">
            <img src="./images/default.png" alt="">
            <p>超级管理员</p>
            <ul>
                <li><a href="user.html"><i class="glyphicon glyphicon-user"></i>  用户管理</a></li>
                <li class="one-two"><a href="#"><i class="glyphicon glyphicon-th-list"></i>  分类管理</a>
                    <ul class="my-hide">
                        <li><a href="one.html"><i class=""></i>一级分类</a></li>
                        <li><a href="two.html"><i class=""></i>二级分类</a></li>
                    </ul>
                </li>
                <li><a href="product.html"><i class="glyphicon glyphicon-tags"></i>  商品管理</a></li>
            </ul>
        </div>
    </div>
    <!-- 右边框 -->
    <div class="main">
        <div class="main-top pl-180">
           <a class="pull-left top-list" href="#"><i class="glyphicon glyphicon-list"></i></a>
           <a class="pull-right top-logout" href="#"><i class="glyphicon glyphicon-share"></i></a>
        </div>
            <!-- 路径导航引入start -->
            <ol class="breadcrumb my-nav">
                <li><a href="index.html">管理系统</a></li>
                <li class="active">首页</li>
              </ol>
              <!-- 路径导航引入end -->
              <!-- 引入图标echarts--start -->
              <div class='col-lg-6' id="main-left" style="height:400px;"></div>
              <div class='col-lg-6' id="main-right" style="height:400px;"></div>
              <!-- <div class='col-lg-6' id="main-right" style="width: 600px;height:400px;"></div> -->

    </div>


    <!-- 引入js文件 -->
    <script src="./lib/artTemplate/template-web.js"></script>
    <script src="./lib/jquery/jquery.min.js"></script>
    <script src="./lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="./lib/bootstrap-validator/js/bootstrapValidator.min.js"></script>
    <script src="./lib/echarts/echarts.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/index.js"></script>
</body>
</html>